<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
  //设置rem，获取html根元素，设置fontSize
  // 监听事件，DOM加载完毕之后
  //当初始的 HTML 文档被完全加载和解析完成之后，DOMContentLoaded 事件被触发，而无需等待样式表、图像和子框架的完全加载。
  document.addEventListener('DOMContentLoaded',() => { 
    const html = document.querySelector('html')//querySelector()方法返回文档中与指定选择器或选择器组匹配的第一个
    let fontSize = window.innerWidth / 10  
    fontSize = fontSize > 50 ? 50 : fontSize
    html.style.fontSize = fontSize + 'px'
  })
  
export default {
  
}
</script>

<style lang="scss">
@import './assets/styles/global.scss';
    #app { 
      width: 100%;
      height: 100%;
      overflow: hidden;
    }
</style>
